<template>
	<view class="page page-bg">
		<view class="meet-list content-20">
			<view class="meet-item" @click="$link('/pagesMine/petsRecordsDetail')">
				<view class="meet-status">
					<view class="meet-title">黑旋风(杜宾犬)</view>
					<view class="status">外科,绝育手术</view>
				</view>
				<view class="meet-info">
					<view class="info">
						<view class="dog theme">病历号：002</view>
						<view class="desc">2020-12</view>
					</view>
					<view class="btns">查看详情</view>
				</view>
			</view>
			<view class="meet-item" @click="$link('/pagesMine/petsRecordsDetail')">
				<view class="meet-status">
					<view class="meet-title">黑旋风(杜宾犬)</view>
					<view class="status">外科,绝育手术</view>
				</view>
				
				<view class="meet-info">
					<view class="info">
						<view class="dog theme">病历号：002</view>
						<view class="desc">2020-12</view>
					</view>
					<view class="btns">查看详情</view>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	import common from '../utils/common.js'
	import api from '../utils/api.js'
	export default {
		data() {
			return {
				items: [],
				id: ''
			}
		},
		
		onLoad(options) {
			this.id = options.id
			this.pageSize = common.pageSize
		},
		
		methods: {
			getItems() {
				
			}
		}
	}
</script>

<style scoped lang="scss">
	.tab-wraps{
		background-color: #fff;
	}
	.meet-item{
		background-color: #fff;
		border-radius: 10upx;
		padding: 20upx;
		box-sizing: border-box;
		margin-bottom: 20upx;
	}
	.meet-status{
		@include flex-base;
		justify-content: space-between;
	}
	.meet-title{
		font-size: $font-size-30;
		font-weight: bold;
	}
	.status{
		font-size: $font-size-28;
	}
	.meet-info{
		margin-top: 20upx;
		@include flex-base;
		justify-content: space-between;
		
	}
	.info{
		display: flex;
		flex-direction: column;
	}
	.dog{
		font-size: $font-size-26;
		color: $theme-color;
		margin-bottom: 10upx;
	}
	.desc{
		background-image: url(../static/icon_10.png);
		background-size: 20upx 20upx;
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 35upx;
	}
	.btns{
		height: 50upx;
		background-color: $theme-color;
		border-radius: 50upx;
		padding: 0 30upx;
		display: flex;
		line-height: 50upx;
		justify-content: center;
		align-content: center;
		color: #fff;
		font-size: 1font-size;
	}
</style>
